/**
 * // NOTE Taro 编译成 RN 时对 border 的处理有问题
 * RN 不支持针对某一边设置 style，即 border-bottom-style 会报错
 * 那么 border-bottom: 1px 就需要写成如下形式：
 * border: 0 style color; border-bottom-width: 1px;
 */
 @mixin border($dir, $width, $style, $color) {
    border: 0 $style $color;
    @each $d in $dir {
      #{border-#{$d}-width}: $width;
    }
  }


@mixin flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

@mixin flexBetween {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

@mixin flexStart {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}

@mixin flexEnd {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}